<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <link href="fonts/font-awesome.min.css" rel="stylesheet" />
    <link href="css/common.css" rel="stylesheet" />
    <title>e车险保</title>
    <style type="text/css">
        ul li{
            height:3.64rem;
            line-height: 3.64rem;
            font-size: 1.455rem;
            color: #333333;
            margin:3.27rem 4.55rem 0 4.55rem;
            position: relative;
        }
        ul li .icon{
            width:3.64rem;
            margin-right:1.55rem;
        }
        ul li input{
            float:right;
        }
        .button{
            margin-top: 4.63rem;
        }
        .right{
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -8px;
        }
    </style>
</head>
<body class="bacc">
    <div class="top-title">
        <div class="nav-left"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
        支付方式
    </div>
    <div class="pay-box">
        <ul>
            <li>
                <div class="left"><img src="images/weixin@3x.png" class="icon">微信支付</div>
                <div class="chec-one right" id="weixin-box">
                    <input type="checkbox" id="weixin"  class="hide" checked readonly/>
                    <label for="weixin" onclick="return false;"></label>
                </div>
            </li>
            <!--<li>
                <div class="left"><img src="images/yinlian@3x.png" class="icon">银联支付</div>
                <div class="chec-one right" id="yinlian-box">
                    <input type="checkbox" id="yinlian"  class="hide"/>
                    <label for="yinlian"></label>
                </div>
            </li>-->
        </ul>
    </div>
    <div class="button">
        <input type="button" value="下一步" >
    </div>
</body>
</html>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/common.js"></script>
<script>

    $("#weixin-box").click(function(){
        if($("#weixin-box input:checked").length == 1){
            if($("#yinlian-box input:checked").length == 1){
               $("#yinlian-box input").trigger("click");
            }
        }
    });

    $("#yinlian-box").click(function(){
        if($("#yinlian-box input:checked").length == 1){
            if($("#weixin-box input:checked").length == 1){
                $("#weixin-box input").trigger("click");
            }
        }
    });
</script>